<template>
	<view class="pageItem">
		<view class="header status_bar" :class="scrrol == true ? 'scrrolHeader' : ''">
			<view class="back iconfont icon-gengduo-copy" @tap="backPage"></view>
			<view class="text">联系我们</view>
		</view>
		<view class="clear_box"></view>
		<view class="main">
			<image class="logo" src="../../static/img02/call_me.png" mode="widthFix"></image>
			<view class="row">
				<view class="iconfont icon call">&#xe621;</view>
				<view class="txt">400-199-111</view>
			</view>
			<view class="row">
				<view class="iconfont icon wx">&#xe66c;</view>
				<view class="txt">18850458745</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			backPage() {
				uni.navigateBack({});
			},
			gotopage(e) {
				let url = e.currentTarget.dataset.url;
				uni.navigateTo({
					url: url
				});
			},
			
		}
	}
</script>
<style>
page{
	background: #ffffff;
}
.pageItem{
	width: 100%;
	box-sizing: border-box;
}
.pageItem *{
	box-sizing: border-box;
}
</style>
<style lang="scss">
.main{
	width: 100%;
	padding: 4vw 4%;
	.logo{
		width: 40%;
		margin-left: 30%;
		margin-top: 10vw;
		margin-bottom: 15vw;
	}
	.row:not(:first-child){
		margin-top: 30rpx;
	}
	.row{
		width: 100%;
		border-radius: 30rpx;
		padding: 30rpx;
		display: flex;
		align-items: center;
		background: #F9F9FB;
		.icon{
			width: 10vw;
			height: 10vw;
			border-radius: 20rpx;
			background: #ffffff;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 6vw;
		}
		.txt{
			flex: 1;
			padding-left: 30rpx;
			color: #000000;
			font-size: 4vw;
			font-weight: bold;
		}
		.call{
			color: #0FA4AD;
		}
		.wx{
			color: #00C800;
		}
	}
}
</style>
